<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HK MP5</title>

<link type="text/css" href="jquery-ui-1.8.13.custom.css" rel="stylesheet" />	
<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="jquery-ui-1.8.13.custom.min.js"></script>

<script>
	$(function() {
		var icons = {
			header: "wrench.png",
			headerSelected: "wrench.png"
		};
		$(function() {
			$("#accordion").accordion({ collapsible: true, active: false });
		});
		$( ".selector" ).accordion({ active: false });
		$("#accordion").accordion({icons: icons });
		$("#toggle").button().toggle(function() {
			$("#accordion").accordion("option","icons",false);
		}, function() {
			$("#accordion").accordion("option","icons",icons);
		});
		
	});
</script>
</head>
<body>

<div style="font-size: 8pt; font-family: helvetica; width: 400px; line-height:10.5pt;">
	<div style="background-color: #0B2767;color:#FFFFFF;padding:2px 5px 0px 5px;height:28px;">
		<div style="font-weight: bold; float: left;">H&K MP5</div>
		<div style="font-weight: bold; float: right;">Ranged</div>
	<br/>
		<div style="float: left;">Tier  II</div>
		<div style="float: right;">Submachine gun</div>
	</div>

	<!-- Terse -->
	<div style="background-color: #D4D5B6; color:#000000; padding: 2px 5px 0px 5px;">
	a gun-metal black submachine gun
	</div>	

	<!-- Image -->
	<div style="padding: 2px 5px 0px 5px; align: center;"><center><img src="mp5a3r.gif"></center></div>


	<!-- Basics -->
	<div style="padding: 2px 5px 0px 5px;">
	<b>Caliber</b> 9mm ♦ <b>Cost</b> <img src="money.png"> 3800 ♦ <b>Restrictions</b> <img src="delete.png"> Government <br/>
	<b>Damage</b> Ballistic ♦ <b>Hands</b> 2 ♦ <b>Rate</b> Burst <br/>
	<b>Range</b> 30 ft ♦ <b>Error</b> <img src="warning.png"> 1-3 ♦ <b>Threat</b> <img src="exclamation.png"> 20 <br/>
	<b>Required Strength</b> 14 ♦ <b>Required Dexterity</b> 0 <br/>
	<b>Complexity</b> 22 ♦ <b>Capacity</b> 30 ♦ <b>Weight</b> 5.6 lbs
	</div>
	
	<!-- Use and description -->
	<div style="font-weight: bold; background-color: #D4D5B6; color:#000000; padding: 2px 5px 0px 5px;">
	DESCRIPTION
	</div>	
	<div style="padding: 2px 5px 0px 5px;">
	Most popular submachine gun in the world today, in use by countless police 
	and military units; A5 is a collapsible stock variant.
	</div>
	<!-- Use and description -->
	<div style="font-weight: bold; background-color: #D4D5B6; color:#000000; padding: 2px 5px 0px 5px;">
	CRAFTING
	</div>	
	<div style="padding: 2px 5px 0px 5px;">
	(Information needed to craft this item)
	</div>

	<!-- Builder -->
    <div style="background-color:#D4D5B6;padding: 1px 0px 3px 5px;font-size: 8pt;font-family: helvetica;" id="accordion">
    	<h3><a href="#">Builder Information</a></h3>
    	<div style="font-size: 8pt;">
    		<b>Builder</b> soap ♦ <br/>
    		<img src="scroll.png"><b>Program</b> /data/eon/weapon/hkmp5a4.xml<br/>
    		<b>Adjectives</b> None ♦ <b>Synonyms</b> kit<br/>
    		<b>UUID </b>d24c93d6-88d9-11e0-9296-001fc6efe942
    	</div>
    	<h3><a href="#">Download XML</a></h3>
    	<div>
    		<img src="arrow_down_green.png"> 
    		<a href="/db/genxml?uuid=d24c93d6-88d9-11e0-9296-001fc6efe942">XML Specification</a><br/>
    	</div>
    </div>



</div>


</body>
</html>